<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>聚惠买商城</title>
		<link rel="shortcut icon" href="favicon.ico"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link rel="stylesheet" type="text/css" href="css/header_jsstyle.css"/>
		<link rel="stylesheet" type="text/css" href="css/bottom.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<style type="text/css">
			#header .header_nav .all_shop .two_list{
				display: block;
			}
		</style>
		<script type="text/javascript" src="js/extend.js" ></script>
		<script type="text/javascript" src="js/cookie.js" ></script>
		<script src="js/js.js"></script>
		<script src="js/jquery-1.11.3.js"></script>
	</head>
	<body>
		<div id="header">
			
		</div>
	<!--header-js-->
	<script>
		//header
		header();
	</script>
		<div id="banner">
			<div class="lunbo">
				<ul class="lunbo_ul">
					<li style="background: url(img/20160121beavwl.jpg) no-repeat center;display: block;"></li>
					<li style="background: url(img/20160121csciom.jpg) no-repeat center;"></li>
					<li style="background: url(img/20160121egcccs.jpg) no-repeat center;"></li>
					<li style="background: url(img/20160121juxboo.jpg) no-repeat center;"></li>
					<li style="background: url(img/20160121kwqpmj.jpg) no-repeat center;"></li>
					<li style="background: url(img/20160121pmoxpz.jpg) no-repeat center;"></li>
					<li style="background: url(img/20160215ombjaf.png) no-repeat center;"></li>
				</ul>
				<div class="btn">
					<div class="btn_p r">
						<p></p>
						<p></p>
						<p></p>
						<p></p>
						<p></p>
						<p></p>
						<p></p>
					</div>	
				</div>
			</div>
			<div class="w">
				<div class="dingdan r">
					<h3>x四种方式下订单</h3>
					<dl>
						<dt class="l">1</dt>
						<dd class="l">访问网站直接下订单</dd>
					</dl>
					<dl>
						<dt class="l">2</dt>
						<dd class="l">直接拨打电话<br />如果在您不方便上网的时候<br /><span style="color: red; font-size: 14px;">400-0310-707</span></dd>
					</dl>
					<dl>
						<dt class="l">3</dt>
						<dd class="l three">支持微商城下订单<br />关注微商城<img src="img/weixin.jpg" /></dd>
					</dl>
					<dl>
						<dt class="l">4</dt>
						<dd class="l">支持手机APP下订单</dd>
					</dl>
				</div>
				<div class="bottom">
					<div class="left l">
						<a class="l" href="#"><img src="img/1437497920196427586.jpg" title="相宜本草" /></a>
						<a class="l" href="#"><img src="img/1437497944523762531.jpg" title="大牌名妆"/></a>
						<a class="l" href="#"><img src="img/1437497969836917729.jpg" title="大宝关爱持续保湿"/></a>
					</div>
					<div class="zhaoshang l">
						<ul class="top">
							<li class="l white">招商入驻</li>
							<li class="l">商城公告</li>
						</ul>
						<div class="hide">
							<div class="v1">
								<a class="a1" href="#"><img src="img/shenqing.jpg" title="申请商家入驻" /></a>
								<a href="#">登录商家管理中心</a>
							</div>
							<div class="v2">
								<ul>
									<li><a href="#">聚惠买商城上线试运营新闻发布...</a></li>
									<li><a href="#">一分钟了解聚惠买商城</a></li>
									<li><a href="#">热烈庆祝启信灯饰广场成功入驻...</a></li>
									<li><a href="#">【线下】好儿女易购——便捷...</a></li>
									<li><a href="#">海归硕士返乡养鸡网上遭抢购...</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script>
			//banner_lunbo_js
			//lunbo
			$(function(){
				var index = 0;
				var length = $("#banner .lunbo ul li").size();
				var $p = $("#banner .lunbo div.btn p");
				var timer = null;
				$p.eq(0).css("background","salmon");
				$p.hover(function(){
					clearInterval(timer);
				},function(){
					timer = setInterval(change,4000)
				})
				$p.click(function(){
					index = $(this).index()-1;
					change();
				})
				timer = setInterval(change,4000)
				function change(){
					index++
					if(index >= length){
						index = 0
					}
					$('#banner .lunbo ul li').eq(index).fadeIn(500).siblings().fadeOut(500)
					$p.eq(index).css("background","salmon").siblings().css("background",'#000')
				}
				
				//申请入驻tab
				chajian.tab({
					anniu:"#banner .bottom .zhaoshang ul.top li",
					pic:"#banner .bottom .zhaoshang .hide div",
					type:"hover"
				})
				$("#banner .bottom .zhaoshang ul.top li").mouseover(function(){
					$(this).addClass("white").siblings().removeClass("white")
				})
			})
			
		</script>		
		<div id="content">
			<div class="w">
				<!--酒-->
				<div class="jiu w">
					<div class="top">
						<ul>
							<li class="l">白酒品牌</li>
							<li class="l">地方名酒</li>
							<li class="l">红洋酒品牌</li>
						</ul>
						<div>
							<b></b>
						</div>
					</div>
					<div class="bottom">
						<ul class="wine">
							
						</ul>
						<ul class="dre">
							
						</ul>
						<ul class="hong">
							
						</ul>
					</div>
				</div>
				<!--热门店铺-->
				<div class="content_stores">
					<h3>热门店铺 <i>HOT STORES</i><a class="r" href="#">店铺街<span ></span></a></h3>
					<div class="content_stores_list">
						<a class="l left" href="#"><img src="img/1437443964590321726.jpg" /></a>
						<ul class="stores l">
							<li class="l"><a href="#"><img src="img/ad.jpg" title="虚位以待" alt="虚位以待"/></a></li>
						</ul>
						<a class="l right" href="#"><img src="img/1459096523037748007.png" /></a>
					</div>
				</div>
				<!--抢购-->
				<div class="content_qgou">
					<div class="l content_qgou_left">
						<div class="top">
							<ul>
								<li class="l">疯狂抢购</li>
								<li class="l">热销排行</li>
								<li class="l">商城热卖</li>
								<li class="l">商城推荐</li>
								<li class="l">新品上市</li>
							</ul>
							<div>
								<b></b>
							</div>
						</div>
						<div class="bottom">
							<div class="feng">
								
							</div>
							<div class="rexiao">
								
							</div>
							<div class="shcrm">
								
							</div>
							<div class="shctj">
								
							</div>
							<div class="news">
								
							</div>
						</div>
					</div>
					<div class="l content_qgou_right">
						<h4 class="top"><i></i>限时折扣</h4>
						<div class="bottom">
							<p class="btnleft"></p>
							<p class="btnright"></p>
						</div>
					</div>
				</div>
				
				<!--楼梯-->
				<div class="floorList">
					<div class="f1 floorList_f">
						<div class="floorList_f_top">
							<h3 class="l">1F<a href="#">食品生鲜</a></h3>
							<ul class="r">
								<li class="l">精挑细选</li>
								<li class="l">保健食品</li>
								<li class="l">进口水果</li>
								<li class="l">糖果巧克力</li>
							</ul>
						</div>
						<div class="floorList_f_middle">
							<div class="l left">
								<div class="xuan">
									<a href="#">芒果桃李</a>
									<a href="#">凤梨蓝莓</a>
									<a href="#">口香糖</a>
									<a href="#">棒棒糖</a>
									<a href="#">软糖</a>
									<a href="#">奶糖</a>
									<a href="#">果冻</a>
									<a href="#">杏仁</a>
									<a href="#">红枣</a>
								</div>
								<a href="#"><img src="floor-img/f1_1.jpg"  title="生鲜" alt="生鲜"/></a>
							</div>
							<div class="l center">
								
							</div>
							<div class="l right">
								<a href="#"><img src="floor-img/f1_0.jpg" title="猪肉冻品" alt="猪肉冻品"/></a>
								<a href="#"><img src="floor-img/f1_2.jpg" title="猪肉冻品" alt="猪肉冻品"/></a>
							</div>
						</div>
						<div class="floorList_f_bottom">
							
						</div>
					</div>
					<div class="f2 floorList_f">
						<div class="floorList_f_top">
							<h3 class="l">2F<a href="#">服装服饰</a></h3>
							<ul class="r">
								<li class="l">精挑细选</li>
								<li class="l">女装馆</li>
								<li class="l">T恤</li>
								<li class="l">中长款半身裙</li>
							</ul>
						</div>
						<div class="floorList_f_middle">
							<div class="l left">
								<div class="xuan">
									<a href="#">连衣裙</a>
									<a href="#">连体裤</a>
									<a href="#">短外套</a>
									<a href="#">风衣</a>
									<a href="#">POLO衫</a>
									<a href="#">迷彩裤</a>
									<a href="#">登山鞋</a>
									<a href="#">高跟鞋</a>
									<a href="#">拉杆箱</a>
								</div>
								<a href="#"><img src="floor-img/f2_0.jpg"  title="进口买一送一" alt="进口买一送一"/></a>
							</div>
							<div class="l center">
								
							</div>
							<div class="l right">
								<a href="#"><img src="floor-img/f2_1.jpg" title="全球进口美食大趴" alt="猪肉冻品"/></a>
								<a href="#"><img src="floor-img/f2_2.jpg" title="冰临城夏" alt="冰临城夏"/></a>
							</div>
						</div>
						<div class="floorList_f_bottom">
							
						</div>
					</div>
					<div class="f3 floorList_f">
						<div class="floorList_f_top">
							<h3 class="l">3F<a href="#">个护化妆</a></h3>
							<ul class="r">
								<li class="l">精挑细选</li>
								<li class="l">美容护肤</li>
								<li class="l">香水彩妆</li>
								<li class="l">面部护肤</li>
							</ul>
						</div>
						<div class="floorList_f_middle">
							<div class="l left">
								<div class="xuan">
									<a href="#">香水</a>
									<a href="#">底妆</a>
									<a href="#">腮红</a>
									<a href="#">眼部</a>
									<a href="#">唇部</a>
									<a href="#">沐浴</a>
									<a href="#">润肤</a>
									<a href="#">颈部</a>
									<a href="#">手足</a>
								</div>
								<a href="#"><img src="floor-img/f3_0.jpg"  title="祖名豆乳疯狂购" alt="祖名豆乳疯狂购"/></a>
							</div>
							<div class="l center">
								
							</div>
							<div class="l right">
								<a href="#"><img src="floor-img/f3_1.jpg" title="维他奶" alt="维他奶"/></a>
								<a href="#"><img src="floor-img/f3_2.jpg" title="冰临城夏" alt="冰临城夏"/></a>
							</div>
						</div>
						<div class="floorList_f_bottom">
							
						</div>
					</div>
					<div class="f4 floorList_f">
						<div class="floorList_f_top">
							<h3 class="l">4F<a href="#">手机数码</a></h3>
							<ul class="r">
								<li class="l">精挑细选</li>
								<li class="l">网卡</li>
								<li class="l">热卖手机</li>
								<li class="l">手机配件</li>
							</ul>
						</div>
						<div class="floorList_f_middle">
							<div class="l left">
								<div class="xuan">
									<a href="#">iPhone</a>
									<a href="#">联通4G</a>
									<a href="#">电信4G</a>
									<a href="#">电池</a>
									<a href="#">智能手环</a>
									<a href="#">智能手表</a>
									<a href="#">智能眼镜</a>
									<a href="#">智能家居</a>
									<a href="#">体感车</a>
								</div>
								<a href="#"><img src="floor-img/f4_0.jpg"  title="玛氏狂欢月" alt="玛氏狂欢月"/></a>
							</div>
							<div class="l center">
								
							</div>
							<div class="l right">
								<a href="#"><img src="floor-img/f4_1.jpg" title="淘豆" alt="淘豆"/></a>
								<a href="#"><img src="floor-img/f4_2.jpg" title="亿滋卡夫全场" alt="亿滋卡夫全场"/></a>
							</div>
						</div>
						<div class="floorList_f_bottom">
							
						</div>
					</div>
					<div class="f5 floorList_f">
						<div class="floorList_f_top">
							<h3 class="l">5F<a href="#">家用电器</a></h3>
							<ul class="r">
								<li class="l">精挑细选</li>
								<li class="l">大家电</li>
								<li class="l">大家电</li>
								<li class="l">生活电器</li>
							</ul>
						</div>
						<div class="floorList_f_middle">
							<div class="l left">
								<div class="xuan">
									<a href="#">电风扇</a>
									<a href="#">净化器</a>
									<a href="#">加湿器</a>
									<a href="#">吸尘器</a>
									<a href="#">取暖电器</a>
									<a href="#">饮水机</a>
									<a href="#">电饭煲</a>
									<a href="#">电磁炉</a>
									<a href="#">电炖锅</a>
								</div>
								<a href="#"><img src="floor-img/f5_0.jpg"  title="清凉啤酒节" alt="清凉啤酒节"/></a>
							</div>
							<div class="l center">
								
							</div>
							<div class="l right">
								<a href="#"><img src="floor-img/f5_1.jpg" title="进口牛奶" alt="进口牛奶"/></a>
								<a href="#"><img src="floor-img/f5_2.jpg" title="维他奶" alt="维他奶"/></a>
							</div>
						</div>
						<div class="floorList_f_bottom">
							
						</div>
					</div>
					<div class="f6 floorList_f">
						<div class="floorList_f_top">
							<h3 class="l">6F<a href="#">家居日用</a></h3>
							<ul class="r">
								<li class="l">精挑细选</li>
								<li class="l">家纺</li>
								<li class="l">家具</li>
								<li class="l">厨具</li>
							</ul>
						</div>
						<div class="floorList_f_middle">
							<div class="l left">
								<div class="xuan">
									<a href="#">床品套件</a>
									<a href="#">被子</a>
									<a href="#">餐具</a>
									<a href="#">LED灯</a>
									<a href="#">装饰灯</a>
									<a href="#">收纳用品</a>
									<a href="#">雨伞雨具</a>
									<a href="#">浴室用品</a>
									<a href="#">净化除味</a>
								</div>
								<a href="#"><img src="floor-img/f6_0.jpg"  title="健康清凉季" alt="健康清凉季"/></a>
							</div>
							<div class="l center">
								
							</div>
							<div class="l right">
								<a href="#"><img src="floor-img/f6_1.jpg" title="北极熊床垫专场" alt="北极熊床垫专场"/></a>
								<a href="#"><img src="floor-img/f6_2.jpg" title="一个人的浪漫滋味" alt="一个人的浪漫滋味"/></a>
							</div>
						</div>
						<div class="floorList_f_bottom">
							
						</div>
					</div>
					<div class="f7 floorList_f">
						<div class="floorList_f_top">
							<h3 class="l">7F<a href="#">酒类饮料</a></h3>
							<ul class="r">
								<li class="l">精挑细选</li>
								<li class="l">酒水</li>
								<li class="l">冲调饮品</li>
								<li class="l">饮料饮品</li>
							</ul>
						</div>
						<div class="floorList_f_middle">
							<div class="l left">
								<div class="xuan">
									<a href="#">白酒</a>
									<a href="#">啤酒</a>
									<a href="#">养生酒</a>
									<a href="#">蜂蜜</a>
									<a href="#">茶叶</a>
									<a href="#">奶茶</a>
									<a href="#">麦片谷物</a>
									<a href="#">咖啡</a>
									<a href="#">果味冲调</a>
								</div>
								<a href="#"><img src="floor-img/f7_0.jpg"  title="时尚清洁买手志" alt="时尚清洁买手志"/></a>
							</div>
							<div class="l center">
								
							</div>
							<div class="l right">
								<a href="#"><img src="floor-img/f7_1.jpg" title="维他奶" alt="维他奶"/></a>
								<a href="#"><img src="floor-img/f7_2.jpg" title="进口牛奶" alt="进口牛奶"/></a>
							</div>
						</div>
						<div class="floorList_f_bottom">
							
						</div>
					</div>
					<div class="f8 floorList_f">
						<div class="floorList_f_top">
							<h3 class="l">8F<a href="#">母婴用品</a></h3>
							<ul class="r">
								<li class="l">特制奶粉</li>
								<li class="l">尿裤湿巾</li>
								<li class="l">玩具</li>
								<li class="l">婴儿尿裤</li>
							</ul>
						</div>
						<div class="floorList_f_middle">
							<div class="l left">
								<div class="xuan">
									<a href="#">特制奶粉</a>
									<a href="#">宝宝沐浴</a>
									<a href="#">儿童防晒</a>
									<a href="#">爽身粉</a>
									<a href="#">奶瓶清洗</a>
									<a href="#">孕妇护肤</a>
									<a href="#">浴室用品</a>
									<a href="#">吸奶器</a>
									<a href="#">理发器</a>
								</div>
								<a href="#"><img src="floor-img/f8_0.jpg"  title="生活新腔调" alt="生活新腔调"/></a>
							</div>
							<div class="l center">
								
							</div>
							<div class="l right">
								<a href="#"><img src="floor-img/f8_1.jpg" title="BVS百唯思冷冻面点" alt="BVS百唯思冷冻面点"/></a>
								<a href="#"><img src="floor-img/f8_2.jpg" title="海南水果专场" alt="海南水果专场"/></a>
							</div>
						</div>
						<div class="floorList_f_bottom">
							
						</div>
					</div>
				</div>
				<!--您身边的商超-->
				<div class="shopping_mall">
					<h3>您身边的商超</h3>
					<ul class="mall_list">
						<li class="l nomar"><a href="shopping_mall.html"><img src="img/566d063ee2fc3413665111.jpg" title="承德商厦"/></a><p>承德商厦</p><img class="ruzhu" src="img/z_ruzhuzhong.png" title="入驻中"/></li>
						<li class="l"><a href="shopping_mall.html"><img src="img/566d06693acc2485365011.jpg" title="承德蓝鸟大厦"/></a><p>承德蓝鸟大厦</p><img class="ruzhu" src="img/z_ruzhuzhong.png" title="入驻中"/></li>
						<li class="l"><a href="shopping_mall.html"><img src="img/566d0694e6155892760158.jpg" title="金龙购物广场"/></a><p>金龙购物广场</p><img class="ruzhu" src="img/z_ruzhuzhong.png" title="入驻中"/></li>
						<li class="l"><a href="shopping_mall.html"><img src="img/566d06a98133b413658115.jpg" title="荣华家电商城"/></a><p>荣华家电商城</p><img class="ruzhu" src="img/z_ruzhuzhong.png" title="入驻中"/></li>
						<li class="l"><a href="shopping_mall.html"><img src="img/566d06c83ff08993629349.jpg" title="双百购物广场"/></a><p>双百购物广场</p><img class="ruzhu" src="img/z_ruzhuzhong.png" title="入驻中"/></li>
						<li class="l nomar"><a href="shopping_mall.html"><img src="img/566d06e1baf0f692187754.jpg" title="天宝购物中心"/></a><p>天宝购物中心</p><img class="ruzhu" src="img/z_ruzhuzhong.png" title="入驻中"/></li>
						<li class="l"><a href="shopping_mall.html"><img src="img/566d0711260e3746362847.jpg" title="掌上明珠家居生活馆"/></a><p>掌上明珠家居生活馆</p><img class="ruzhu" src="img/z_ruzhuzhong.png" title="入驻中"/></li>
						<li class="l"><a href="shopping_mall.html"><img src="img/566d072a3721b433015525.jpg" title="大润发超市"/></a><p>大润发超市</p><img class="ruzhu" src="img/z_ruzhuzhong.png" title="入驻中"/></li>
						<li class="l"><a href="shopping_mall.html"><img src="img/566d073c4abe1065181172.jpg" title="红星美凯龙"/></a><p>红星美凯龙</p><img class="ruzhu" src="img/z_ruzhuzhong.png" title="入驻中"/></li>
						<li class="l"><a href="shopping_mall.html"><img src="img/566d07523ff45902389134.jpg" title="宽广超市"/></a><p>宽广超市</p><img class="ruzhu" src="img/z_ruzhuzhong.png" title="入驻中"/></li>
					</ul>
				</div>
				
				<!--
                	作者：592422580@qq.com
                	时间：2016-08-25
                	描述：楼梯
                -->
                <div id="floor_li">
					<ul>
						<li class="hover">F1 <span>食品</span></li>
						<li>F2 <span>服装</span></li>
						<li>F3 <span>化妆</span></li>
						<li>F4 <span>数码</span></li>
						<li>F5 <span>电器</span></li>
						<li>F6 <span>日用</span></li>
						<li>F7 <span>酒饮</span></li>
						<li>F8 <span>母婴</span></li>
					</ul>
				</div>
				<div id="window_right">
					
				</div>
			</div>
		</div>
		<script>
			//wine酒通过ajax调用json获取数据
			$(function(){
				$.ajax({
					url:"data/wine.json",
					success:function(data){
						var mag = data.data;
						var str = '';
						for(var i in mag){
							str += '<li class="l" dataid="'+mag[i].id+'"><a href="#" target="_blank"><img src="'+mag[i].img+'" title="泸州老窖官方品牌旗舰店"/></a></li>';
							
						}	
						$('#content .jiu .bottom .wine').append(str);
						var mag1 = data.data1;
						var str1 = '';
						for(var i in mag1){
							str1 += '<li class="l" dataid="'+mag1[i].id+'"><a href="#" target="_blank"><img src="'+mag1[i].img+'" title="泸州老窖官方品牌旗舰店"/></a></li>';
							
						}	
						$('#content .jiu .bottom .dre').append(str1);
						var mag2 = data.data2;
						var str2 = '';
						for(var i in mag2){
							str2 += '<li class="l" dataid="'+mag2[i].id+'"><a href="#" target="_blank"><img src="'+mag2[i].img+'" title="泸州老窖官方品牌旗舰店"/></a></li>';
							
						}	
						$('#content .jiu .bottom .hong').append(str2);
					}	
				});
				$("#content .bottom ul").on("mouseover","li",function(){
					$(this).find("img").stop(true).animate({"margin-left":"-100px"})
				})
				$("#content .bottom ul").on("mouseout","li",function(){
					$(this).find("img").stop(true).animate({"margin-left":"0"})
				})
				chajian.tab({
					anniu:"#content .jiu .top li",
					pic:"#content .jiu .bottom ul",
					type:"hover"
				})
				$("#content .jiu .top li").mouseover(function(){
					var _index = $(this).index();
					$("#content .jiu .top div").stop(true).animate({"left":_index * 90 + "px"})
				})
			})
			
			//店铺
			$(function(){
				var $li0 = $("#content .content_stores .content_stores_list .stores li").eq(0);
				for(var i = 1; i < 24;i++){
					$("#content .content_stores .content_stores_list .stores").append($li0.clone());
				}
				var $li = $("#content .content_stores .content_stores_list .stores li");			
				$li.on("mouseover","a img",function(){
					$(this).animate({"margin-top":"-10px"},function(){
						
					})
				})
			})
			
			//限时抢购
			$(function(){
				$.ajax({
					type:"get",
					url:"data/qgou.json",
					async:true,
					success:function(data){
						var str1 = "";
						for(var i in data.data){
							str1 += "<dl>";
							str1 += '<dt><img class="btn" dataid="'+data.data[i].id+'" src="'+data.data[i].img+'" title="'+data.data[i].title+'" /></dt>';
							str1 += '<dd><a class="btn" dataid="'+data.data[i].id+'" href="javascript:;">'+data.data[i].name+'</a> <p>商城价 :&nbsp;&nbsp;<span>'+data.data[i].price+'</span></p></dd>';
							str1 += '</dl>';
						}
						$("#content .content_qgou .content_qgou_left .bottom .feng").append(str1);
						var str2 = "";
						for(var i in data.data1){
							str2 += "<dl>";
							str2 += '<dt><img class="btn" dataid="'+data.data1[i].id+'" src="'+data.data1[i].img+'" title="'+data.data1[i].title+'" /></dt>';
							str2 += '<dd><a class="btn" dataid="'+data.data1[i].id+'" href="javascript:;">'+data.data1[i].name+'</a> <p>商城价 :&nbsp;&nbsp;<span>'+data.data1[i].price+'</span></p></dd>';
							str2 += '</dl>';
						}
						$("#content .content_qgou .content_qgou_left .bottom .rexiao").append(str2);
						var str3 = "";
						for(var i in data.data2){
							str3 += "<dl>";
							str3 += '<dt><img class="btn" dataid="'+data.data2[i].id+'" src="'+data.data2[i].img+'" title="'+data.data2[i].title+'" /></dt>';
							str3 += '<dd><a class="btn" dataid="'+data.data2[i].id+'" href="javascript:;">'+data.data2[i].name+'</a><p>商城价 :&nbsp;&nbsp;<span>'+data.data2[i].price+'</span></p></dd>';
							str3 += '</dl>';
						}
						$("#content .content_qgou .content_qgou_left .bottom .shcrm").append(str3);
						var str4 = "";
						for(var i in data.data3){
							str4 += "<dl>";
							str4 += '<dt><img class="btn" dataid="'+data.data3[i].id+'" src="'+data.data3[i].img+'" title="'+data.data3[i].title+'" /></dt>';
							str4 += '<dd><a class="btn" dataid="'+data.data3[i].id+'" href="javascript:;">'+data.data3[i].name+'</a> <p>商城价 :&nbsp;&nbsp;<span>'+data.data3[i].price+'</span></p></dd>';
							str4 += '</dl>';
						}
						$("#content .content_qgou .content_qgou_left .bottom .shctj").append(str4);
						var str5 = "";
						for(var i in data.data4){
							str5 += "<dl>";
							str5 += '<dt><img class="btn" dataid="'+data.data4[i].id+'" src="'+data.data4[i].img+'" title="'+data.data4[i].title+'" /></dt>';
							str5 += '<dd><a class="btn" dataid="'+data.data4[i].id+'" href="javascript:;">'+data.data4[i].name+'</a> <p>商城价 :&nbsp;&nbsp;<span>'+data.data4[i].price+'</span></p></dd>';
							str5 += '</dl>';
						}
						$("#content .content_qgou .content_qgou_left .bottom .news").append(str5);
					}
				});
				chajian.tab({
					anniu:"#content .content_qgou .content_qgou_left .top ul li",
					pic:"#content .content_qgou .content_qgou_left .bottom>div",
					type:"hover"
				})
				$("#content .content_qgou .content_qgou_left .top li").mouseover(function(){
					var _index = $(this).index();
					$("#content .content_qgou .content_qgou_left .top div").stop(true).animate({"left":_index * 200 + "px"},0)
				})
			})
			
			//楼梯floor
			$(function(){
				var arr = [".f1",".f2",".f3",".f4",".f5",".f6",".f7",".f8"];
				$.ajax({
					type:"get",
					url:"data/floor.json",
					async:true,
					success:function(data){
						var mag = data.data1;
						for(var k = 0 ; k < 8; k++){
							var str1_1 = "";
							for(var i = 0; i <= 3; i++){
								var floor1_1 = mag[k][i]
								str1_1+='<div class="flo">'
								for(var j in floor1_1){
									str1_1 += "<dl>"
									str1_1 += '<dt><a href="details.html" class="btn_details"   dataid="'+floor1_1[j].id+'"><img src="'+floor1_1[j].img+'" title="'+floor1_1[j].title+'" /></a></dt>'
									str1_1 += '<dd><a class="btn_details" dataid="'+floor1_1[j].id+'" href="details.html">'+floor1_1[j].name+'</a><p class="l"><span class="old">'+floor1_1[j].oldprice+'</span><br/><span class="new">'+floor1_1[j].price+'</span></p><a dataid="'+floor1_1[j].id+'" class="btn_gwc r" href="javascript:;"></a></dd>'
									str1_1 += '</dl>'
								}
								str1_1+='</div>'	
							}
							$('#content .floorList '+arr[k]+' .floorList_f_middle .center').append(str1_1);
							var floor1_b = mag[k][4];
							var str1_b = "";
							str1_b += '<div class="blunbo">'
							for(var m in floor1_b){
								str1_b += '<img src="'+floor1_b[m].img+'" />'
							}
							str1_b += '</div>'
							str1_b += '<i class="btn_left"></i><i class="btn_right"></i>'
							$('#content .floorList '+arr[k]+' .floorList_f_bottom').append(str1_b);
						}
					}
					
				});
				for(var i = 0; i < 8; i ++){
					chajian.tab({
					anniu:"#content .floorList "+arr[i]+" .floorList_f_top ul li",
					pic:"#content .floorList "+arr[i]+" .floorList_f_middle .center .flo",
					type:"hover"
					})
				}
				$("#content .floorList .floorList_f .floorList_f_middle .center").on("click","dl dd a.btn_gwc",function(){
				if(getCookie("login")){
					var dataid = $(this).attr("dataid");
					if(getCookie("num"+dataid)){
						var oldnum = getCookie("num"+dataid);
						var newnum = Number(oldnum) + 1;
						setCookie("num"+dataid,newnum);
					}else{
						setCookie(dataid,dataid);
						setCookie("num"+dataid,1)
					}
					var pica= $(this).parent().prev().find("img")
					var L=pica.offset().left
					var T=pica.offset().top
					var endL=$(".winr_gwc_r .p1").offset().left
					var endT=$(".winr_gwc_r .p1").offset().top
					$("body").append(pica.clone().css({"position":"absolute","left":L,"top":T,"width":"150px","height":"150px","z-index":"99999","border-radius":"50%"}).animate({"width":"10px","height":"10px","left":endL,"top":endT,"opacity":"0.2"},800,function(){
						$(this).remove()
					}))
					winr_gwc()
					}else{
						window.location.href = "login.html"
					}
				})
				
				
				$("#content .floorList .floorList_f .floorList_f_middle .center ").on("click","dl .btn_details",function(){
					var dataid = $(this).attr("dataid")
					setCookie("dataid",dataid)
				})
				$("#content .floorList .floorList_f .floorList_f_bottom").hover(function(){
					$(this).find("i").show()
				},function(){
					$(this).find("i").hide()
				})
				var _index = 1;
				$("#content .floorList .floorList_f .floorList_f_bottom").on("click",".btn_left",function(){
					$(this).parent().find("div").animate({"marginLeft":"-110px"})
				})
				$("#content .floorList .floorList_f .floorList_f_bottom").on("click",".btn_right",function(){
					$(this).parent().find("div").animate({"marginLeft":"0px"})
				})
			})
			
			//楼梯左侧栏
			$(function(){
				//鼠标移入移出事件
				$("#floor_li ul li").not(".last").hover(function(){
					$(this).addClass("hover");
				},function(){
					$(this).removeClass("hover");
				})
				
				//点击切换楼层
				var mark = 1;
				$("#floor_li ul li").not(".last").click(function(){
					mark = 2;
					$("#floor_li ul li").removeClass("hover")
					$("#floor_li ul li").find("span").removeClass("active");
					$(this).find("span").addClass("active");
					var $index = $(this).index();
					var $top = $("#content .floorList .floorList_f").eq($index).offset().top;
					$("body,html").animate({"scrollTop":$top},500,function(){
						mark = 1;
					})
				})
				
				//滚动切换楼层
				$(window).scroll(function(){
					if(mark == 1){
						var $t = $(this).scrollTop();
						if($t >= 1700){
							$("#floor_li").fadeIn();
						}else{
							$("#floor_li").fadeOut();
						}
						//获取所有楼梯div
						var $obj = $("#content .floorList .floorList_f");
						$obj.each(function(){
							var $index = $(this).index();
							var $height = $obj.eq($index).offset().top + $(this).height()/2;
							if($t < $height){
								$("#floor_li ul li").find("span").removeClass("active");
								$("#floor_li ul li").eq($index).find("span").addClass("active");
								return false;
							}
						})
					}
				})
			})
			//wingdow右侧栏
			window_r();
		</script>
		<div id="footer">
			<div class="bottom w">
				<div class="bottom-service">
					<ul>
						<li class="l"><a href="#">一小时快修服务</a></li>
						<li class="l"><a style="background-position-x: -245px;" href="#">七天无理由退货</a></li>
						<li class="l"><a style="background-position-x: -490px;" href="#">15天免费换货</a></li>
						<li class="l"><a style="background-position-x: -745px;" href="#">满150元包邮</a></li>
						<li class="l"><a style="background-position-x: -990px;" href="#">460余家售后网点</a></li>
					</ul>
				</div>
				<div class="bottom-footer">
					
				</div>
				<div class="bottom-shuju">
					<ul class="up">
						<li class="l"><img src="img/sjtj.jpg" title="数据统计" alt="数据统计" /></li>
						<li class="l" style="background: url(img/sjtj_1.jpg) no-repeat;">注册用户<br /><span>416946人</span></li>
						<li class="l" style="background: url(img/sjtj_2.jpg) no-repeat;">商品数量<br /><span>2910件</span></li>
						<li class="l" style="background: url(img/sjtj_3.jpg) no-repeat;">入驻商户<br /><span>118家</span></li>
						<li class="l" style="background: url(img/sjtj_4.jpg) no-repeat;">订单数量<br /><span>56个</span></li>
						<li class="l" style="background: url(img/sjtj_5.jpg) no-repeat;">周交易额<br /><span>98.90元</span></li>
						<li class="l" style="background: url(img/sjtj_6.jpg) no-repeat;">访问总量<br /><span>4214978人次</span></li>
					</ul>
					<ul class="down">
						<li>友情链接：<a href="#">邢台亿搜人才网</a></li>
						<li><a href="#">邯郸中小企业网</a></li>
						<li><a href="#">亿搜人才网</a></li>
						<li><a href="#">众贤服务网</a></li>
						<li class="last"><a href="#">快递查询</a></li>
					</ul>
				</div>
				<div class="bottom-bottom">
					
				</div>
				<script>
					$("#footer .bottom-bottom").load("bottom-bottom.html")
					$("#footer .bottom-footer").load("bottom-footer.html")	
				</script>
			</div>
		</div>
	</body>
</html>
